{include file="public/head"}
<body>
    <div class="order-info">
        <img src="__STATIC__/home/img/image15.png" alt="..." />
        <div>订单状态：</div>
        <p class="order-status">已付款</p>
    </div>
    <div class="order-address">
        <img src="__STATIC__/home/img/image14.png" alt="..." />
        <div class="address-cont">
            <p>张某某</p>
            <p>电话：15263625426</p>
        </div>
    </div>
    <div class="commodity">
        <img src="__STATIC__/home/img/image1.png" alt="..." />
        <div class="commodity-r">
            <div>
                <div class="overflow-one">小汽车自动挡 C2</div>
                <p>单买</p>
            </div>
            <div class="time overflow-one">支付时间：2019.05.13 15:59:32</div>
            <div>
                <div>已付款</div>
                <p>温馨提示</p>
            </div>
        </div>
    </div>
    <div class="com-dity">
        <div>应付总额</div>
        <div class="dity-price">
            <i>￥</i>3200
        </div>
    </div>
    <div class="com-dity">
        <div>支付方式</div>
        <div>微信支付</div>
    </div>
    <div class="com-dity">
        <div class="dity-num">订单编号：<input name="order" readonly value="123456143216874241361"></div>
        <div class="dity-btn">复制</div>
    </div>
    <div style="height: 1.31rem;"></div>
    <div class="order-foot">
        <div>共1件</div>
        <div>合计</div>
        <div>
            <i>￥</i>3200
        </div>
        <div class="dele">删除订单</div>
    </div>

    <script src="__STATIC__/home/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="__STATIC__/home/js/public.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            // 复制
            $(document).on('click', '.dity-btn', function () {
                $('input[name="order"]').select();
                try {
                    if (document.execCommand('copy', false, null)) {
                        document.execCommand("Copy");
                        alert("已复制好，可贴粘。");
                    } else {
                        alert("复制失败，请手动复制");
                    }
                } catch (err) {
                    alert("复制失败，请手动复制");
                }
            });
        });
    </script>
</body>

</html>